<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 7]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie8 oldie"> <![endif]-->
<!--[if IE 9]> <html xmlns="http://www.w3.org/1999/xhtml" class="9"> <![endif]-->
<!--[if gt IE 9]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie7 oldie"> <!--<![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Student Life : Homepage</title>
<!-- * styles * -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/style-menu.css" />
<link rel="stylesheet" type="text/css" href="css/flexslider.css" />
<link type="text/css" rel="stylesheet" href="css/jscal2.css" />
</head>

<body>
	<!-- * home template container  * -->
	<div class="inner-page clearfix">
    	<!-- * header  * -->
    	<div class="header clearfix">
        	<!-- * center container  * -->
        	<div class="wrapper clearfix">
            	<!-- * logo  * -->
            	<h1 class="logo">
                    <a href="home.html">
                        Student life Department 
                        <span></span>
                    </a>
            	</h1>
                
            	<a href="home.html" class="header-name"></a>
                <!-- * SEARCH  * -->
                <div class="search">
            		<input type="text" value="Search..." placeholder="Search..." />
                	<input type="submit" value="" />
            	</div>
            </div>
            <!-- * header  * -->
        </div>
        
        <!-- * navigation bar  * -->
        <div class="nav">
            <div class="wrapper clearfix">                                                        
                <ul class="dropdown">
                <li><a href="home.html">HOME</a></li>
                <li><a href="#">About Us</a>
                    <ul class="sub_menu">
                         <li><a href="about_us.html">About student life</a></li>
                         <li><a href="about_regulations.html">Regulations </a></li>                         
                    </ul>
                </li>
                <li><a href="#">student Clubs </a>
                    <ul class="sub_menu">
                         <li>
                         	<a href="#">Artistic Clubs</a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Overview</a></li>
                            	<li><a href="clubs_overview.html">Regulations and policies</a></li>
                                <!--<li><a href="#">Club Agenda</a></li>-->
                                <li><a href="clubs_categories.html">Club Categories</a></li>
                                <li><a href="gallery.html">Club Gallery</a></li>
                            </ul>
                         </li>
                         <li>
                         	<a href="#">Social Clubs</a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Overview</a></li>
                            	<li><a href="clubs_overview.html">Regulations and policies</a></li>
                                <!--<li><a href="#">Club Agenda</a></li>-->
                                <li><a href="clubs_categories.html">Club Categories</a></li>
                                <li><a href="gallery.html">Club Gallery</a></li>
                            </ul>
                         </li>
                         <li>
                         	<a href="#">Cultural Clubs </a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Overview</a></li>
                            	<li><a href="clubs_overview.html">Regulations and policies</a></li>
                                <!--<li><a href="#">Club Agenda</a></li>-->
                                <li><a href="clubs_categories.html">Club Categories</a></li>
                                <li><a href="gallery.html">Club Gallery</a></li>
                            </ul>
                         </li>
                         <li>
                         	<a href="#">Athletic Clubs</a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Overview</a></li>
                            	<li><a href="clubs_overview.html">Regulations and policies</a></li>
                                <!--<li><a href="#">Club Agenda</a></li>-->
                                <li><a href="clubs_categories.html">Club Categories</a></li>
                                <li><a href="gallery.html">Club Gallery</a></li>
                            </ul>
                         </li>
                         <li>
                         	<a href="#">Student Union </a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Mission</a></li>
                            	<li><a href="clubs_overview.html">Vision</a></li>
                                <li><a href="clubs_overview.html">Regulations</a></li>
                                <li><a href="clubs_overview.html">Student Union structure</a></li>
                            </ul>
                         </li>
                    </ul>
                </li>
                <li><a href="calendar_table_view.html">calendar </a></li>
                <li><a href="news.html">News and Events </a></li>
                <li><a href="about_us.html">workshops</a></li>
                <li><a href="gallery.html">Gallery</a></li>
                <li><a href="contact_us.html">contact</a></li>            
            </ul>
            </div>
        </div>
        <!-- * inner  Content * -->
        <div class="wrapper inner-wrapper">
        	<!-- * innaer page main column * -->
            
            <div class="calendar">
            	<div class="breadcrumb clearfix">
                	<ul>
                    	<li>
                        	<a href="#">
                            	<span class="home-icon"></span>
                                Home
                            </a>
                        </li>
                        <li>
                        	<a href="#">About student life </a>
                        </li>
                    </ul>
                </div>
                <div class="social-media clearfix">
                	<a href="#" class="facebook"></a>
                    <a href="#" class="twitter"></a>
                    <span>Join the Social Media</span>
                </div>
                <div class="calendar-wrapper">
                	<h2>
                    	Calendar
                        <span class="page-actions">
                        	<a href="pdf/Identity.pdf" class="pdf"></a>
                        	<a href="print_preview.html" class="print"></a>
                            <a href="mailto:info@fue.edu.eg" class="mail"></a>
                        </span>
                    </h2>
                    
                    <div class="calendar-left-side">
            	<h3>
                	Search
                </h3>
                <form>
                	<input type="text" />
                    <input type="submit" value="" />
                </form>
                <p class="clearfix">
                	Exporting Future University of Egypt is private universities in Egypt.
                </p>
                <div class="calendar-inline">
                	<div id="cont"></div>
                </div>
                <h3>
                	Calender View
                </h3>
                <div class="cal-view">
                	<i>Table </i>
                    <span></span>
                    <ul>
                    	<li><a href="calendar_table_view.html">Table</a></li>
                        <li><a href="calendar_details_view.html">Detail List - Data</a></li>
                        <li><a href="calendar_week_view.html">Week</a></li>
                    </ul>
                </div>
                
                <div class="check-boxes">
                	<h3>
                		Event Type
                	</h3>
                    
                    <form><ul>
                    
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Athletic</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Awards</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Classes / Workshops</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Commerce & Business Admin.</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Computers & Information Technology</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Concerts</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Conferences</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Education</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Economics & Political Science</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Engineering & Technology</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Ethics</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Exhibitions</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Health Sciences</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Lecture</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Oral & Dental Medicine</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Parties</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Research Studies</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Pharmaceutical Sciences</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Special Events</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Support / Social</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Theatre</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Volunteer Opportunities</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Wellness</span>
                            </label>
                        </li>
                        <li class="clearfix">
                        	<label>
                            	<input type="checkbox" />
                            	<span>Working @ fue</span>
                            </label>
                        </li>
                    </ul></form>
                    <div class="select-check">
						Select : 
                        <a href="javascript:void(0)" id="checkAll">All</a> 
                        <span>|</span>
                        <a href="javascript:void(0)" id="noCheck">None</a>
                    </div>
                    
                </div>
            </div>
		            <div class="calendar-right-side">
                	
            	
				<span class="calendar-help">
                    <a href="calendar_5.html">
                    	Help
                    </a>
                    </span>
                <ul class="gray-list clearfix">
                	<li class="current">
                    	<a href="#">May</a>
                    </li>
                    <li>
                    	<a href="#">jun</a>
                    </li>
                    <li>
                    	<a href="#">jul</a>
                    </li>
                    <li>
                    	<a href="#">aug</a>
                    </li>
                    <li>
                    	<a href="#">sep</a>
                    </li>
                    <li>
                    	<a href="#">oct</a>
                    </li>
                </ul>
                <div class="clearfix month-view">
                <div class="month">
                	May<span class="year"> ,2013</span>
                </div>
                
                <div class="controls">
                	<a href="#" class="prev">Prev</a>
                    <a href="#" class="next">Next</a>
                </div>
                </div>
                
                <div class="events-month clearfix">
                    <ul>
                    	<li class="clearfix">
                        	<div class="events-header">
		                    	<span>Wed., May 1 | 8:45 a.m.</span>
                    		</div>
                            <div class="event">
                            	<img src="images/month-event-1.jpg" alt="" />
                                <div class="event-details">
                                	<a href="calendar_4.html" class="event-title">Fall Semester Registration</a>
                                    <p>
                                    	The Egyptian Opera House has witnessed the FUE Cultural Festival "Art From The Heart of Egypt" which Juliet" play which was performed by the FUE students and directed by Mr. Khaled Galal
                                    </p>
                                    <a href="#" class="event-url">http://www.futureuniversity.edu.eg/</a>
                                    <div class="clearfix">
                                    	<span class="label">Time:</span>
                                        <span class="value">8:45 am</span>
                                    </div>
                                    <div class="clearfix">
                                    	<span class="label">Location:</span>
                                        <span class="value">The Egyptian Opera House has witnessed the FUE Cultural Festival "Art From The Heart of by Mr. Khaled Galal.</span>
                                    </div>
                                    <div class="clearfix">
                                    	<span class="label">Cost:</span>
                                        <span class="value">Free and open to the public</span>
                                    </div>
                                </div>
                                
                            </div>
                            
                        </li>
                        <li class="clearfix">
                        	<div class="events-header">
		                    	<span>Wed., May 1 | 8:45 a.m.</span>
                    		</div>
                            <div class="event">
                            	<img src="images/month-event-1.jpg" alt="" />
                                <div class="event-details">
                                	<a href="calendar_4.html" class="event-title">Fall Semester Registration</a>
                                    <p>
                                    	The Egyptian Opera House has witnessed the FUE Cultural Festival "Art From The Heart of Egypt" which Juliet" play which was performed by the FUE students and directed by Mr. Khaled Galal
                                    </p>
                                    <a href="#" class="event-url">http://www.futureuniversity.edu.eg/</a>
                                    <div class="clearfix">
                                    	<span class="label">Time:</span>
                                        <span class="value">8:45 am</span>
                                    </div>
                                    <div class="clearfix">
                                    	<span class="label">Location:</span>
                                        <span class="value">The Egyptian Opera House has witnessed the FUE Cultural Festival "Art From The Heart of by Mr. Khaled Galal.</span>
                                    </div>
                                    <div class="clearfix">
                                    	<span class="label">Cost:</span>
                                        <span class="value">Free and open to the public</span>
                                    </div>
                                </div>
                                
                            </div>
                            
                        </li>
                        <li class="clearfix">
                        	<div class="events-header">
		                    	<span>Wed., May 1 | 8:45 a.m.</span>
                    		</div>
                            <div class="event">
                            	<img src="images/month-event-1.jpg" alt="" />
                                <div class="event-details">
                                	<a href="calendar_4.html" class="event-title">Fall Semester Registration</a>
                                    <p>
                                    	The Egyptian Opera House has witnessed the FUE Cultural Festival "Art From The Heart of Egypt" which Juliet" play which was performed by the FUE students and directed by Mr. Khaled Galal
                                    </p>
                                    <a href="#" class="event-url">http://www.futureuniversity.edu.eg/</a>
                                    <div class="clearfix">
                                    	<span class="label">Time:</span>
                                        <span class="value">8:45 am</span>
                                    </div>
                                    <div class="clearfix">
                                    	<span class="label">Location:</span>
                                        <span class="value">The Egyptian Opera House has witnessed the FUE Cultural Festival "Art From The Heart of by Mr. Khaled Galal.</span>
                                    </div>
                                    <div class="clearfix">
                                    	<span class="label">Cost:</span>
                                        <span class="value">Free and open to the public</span>
                                    </div>
                                </div>
                                
                            </div>
                            
                        </li>
                        <li class="clearfix">
                        	<div class="events-header">
		                    	<span>Wed., May 1 | 8:45 a.m.</span>
                    		</div>
                            <div class="event">
                            	<img src="images/month-event-1.jpg" alt="" />
                                <div class="event-details">
                                	<a href="calendar_4.html" class="event-title">Fall Semester Registration</a>
                                    <p>
                                    	The Egyptian Opera House has witnessed the FUE Cultural Festival "Art From The Heart of Egypt" which Juliet" play which was performed by the FUE students and directed by Mr. Khaled Galal
                                    </p>
                                    <a href="#" class="event-url">http://www.futureuniversity.edu.eg/</a>
                                    <div class="clearfix">
                                    	<span class="label">Time:</span>
                                        <span class="value">8:45 am</span>
                                    </div>
                                    <div class="clearfix">
                                    	<span class="label">Location:</span>
                                        <span class="value">The Egyptian Opera House has witnessed the FUE Cultural Festival "Art From The Heart of by Mr. Khaled Galal.</span>
                                    </div>
                                    <div class="clearfix">
                                    	<span class="label">Cost:</span>
                                        <span class="value">Free and open to the public</span>
                                    </div>
                                </div>
                                
                            </div>
                            
                        </li>
                    </ul>
                    <hr />
                    <div class="controls">
                		<a href="#" class="prev">Prev</a>
                    	<a href="#" class="next">Next</a>
               		</div>
                </div>
            </div>
            
            
                </div>
                
            </div>
            
            <!-- * footer * -->
            <div class="footer">
            	<div class="footer-list">
                	<div class="copyright">
                    	Copyright &copy; 2013 Future University in Egypt - Student Life Department
                    </div>
                    <ul>
                    	<li>
                        	<a href="home.html">
                            	Home
                            </a>
                        </li>
                        <li>
                        	<a href="about_us.html">
                            	About Us
                            </a>
                        </li>
                        <li>
                        	<a href="news.html">
                            	News & Events
                            </a>
                        </li>
                        <li>
                        	<a href="contact_us.html">
                            	Contact Us
                            </a>
                        </li>
                        
                    </ul>
                </div>
                <!-- will open university main website --> 
                <a href="#" class="footer-logo"></a>
            </div>
        </div>
        
    </div>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/jquery.dropdownPlain.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
    <script src="js/jscal2.js"></script>
	<script src="js/en.js"></script>
    <script src="js/calendar.js"></script>
    <script src="js/jquery.fancybox.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
    
</body>
</html>
